/**
其它通信办法：
1，vuex
2，时间总线，需要document作为媒介，监听，抛出事件

*/

<template>
  <div>
    <h1>购物车</h1>
    <hr>
    <div class="goodsList">
      <GoodsItem v-for="item in goodsArr" :item="item"></GoodsItem>
    </div>
  </div>
</template>

<script>
import GoodsItem from './components/GoodsItem.vue';
  export default {
    components:{GoodsItem},
    data(){
      return {
        goodsArr:[
          {
            imgUrl:"https://img.alicdn.com/bao/uploaded/i4/2207715013415/O1CN01h0bvwy1b67FaqyasU_!!2207715013415.jpg_80x80.jpg",
            title: "小米10手机壳网红女款枫叶小米10s新品直边电镀硅胶软壳小米10pro 手机套潮牌男款个性情侣镜",
            kind: "颜色分类：小米10【奶草绿】电镀枫叶",
            oldPrice: 30.00,
            newPrice: 13.50,
            shopName: "卓力奥旗舰店",
            num: 1,
            check: false
          },
          {
            imgUrl:"https://img.alicdn.com/bao/uploaded/i1/699994102/O1CN01jbs9k01gAlMQlBDJn_!!0-item_pic.jpg_80x80.jpg",
            title: "小米10手机壳网红女款枫叶小米10s新品直边电镀硅胶软壳小米10pro 手机套潮牌男款个性情侣镜",
            kind: "颜色分类：小米10【奶草绿】电镀枫叶",
            oldPrice: 30.00,
            newPrice: 13.50,
            shopName: "卓力奥旗舰店",
            num: 1,
            check: false
          }
        ]
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>